<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>太原科技大学登录页面</title>
		<style type="text/css">
			#main {
				width: 800px;
				height: 600px;
				background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
				border-radius: 5px;
				border: 2px solid #00e5e5;
				margin: 100px auto;
			}

			#login_panel {
				width: 500px;
				height: 500px;
				border: 1px solid whitesmoke;
				margin: 50px auto;
				background-color: white;
				border-radius: 5px;
			}

			.user_input {
				width: 350px;
				height: 40px;
				margin-bottom: 10px;
				margin-left: -30px;
				font-size: 15px;
				padding-left: 35px;
				border-radius: 5px;
				border: 1px solid lightgrey;
				background-color: transparent;
			}

			#btn_login {
				width: 350px;
				height: 50px;
				background-color: #ff6b4e;
				border: none;
				border-radius: 5px;
				font-size: 20px;
				color: white;
			}
			
			.share_icon {
				margin: 10px;
			}
		</style>
	</head>
	<body>
		<div id="main">
			<div id="login_panel">
				<div id="row_thitle" style="text-align: center;padding: 15px;">
					<img src="img/tyustlogo.png" style="width: 350px;">
					<h1>毕业设计管理系统</h1>
				</div>
				<div style="text-align: center;">
					<img src="img/user.png">
					<input type="text" class="user_input" placeholder="请输入用户名" />
					<br>
					<img src="img/password.png">
					<input type="password" class="user_input" placeholder="请输入密码" />
					<br>
					<input type="button" id="btn_login" value="登录" />
				</div>
				<div style="text-align: center;margin-top: 5px;">
					<img src="img/weixin.png" class="share_icon">
					<img src="img/weibo.png" class="share_icon">
					<img src="img/qq.png" class="share_icon">
				</div>
				<div style="text-align: center;margin-top: 5px;">
					<span style="font-size: 15px;">
						开发者：欧阳远辉 太原科技大学 计算机科学与技术学院
						<br>
						技术支持：太原科技大学
					</span>
				</div>
			</div>
		</div>
	</body>
</html>
